const autoprefixer = require('autoprefixer')  // 这个依赖不用安装
const pxtorem = require('postcss-pxtorem')

const path = require('path')
const resolve = dir => path.join(__dirname, dir)

module.exports = {
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          autoprefixer(),
          pxtorem({
            rootValue: 37.5,  // 根字体大小，如果设计图是750的话 记得除2
            unitPrecision: 5,
            propList: ['*'], // 作用在哪些属性上 我这里用的是通配符
            selectorBlackList: [], // 将哪些html元素排除在外，我这里添加了一个vant的
            replace: true,
            mediaQuery: false,
            minPixelValue: 12,
            exclude: /node_modules/i
          })
        ]
      }
    }
  },
  chainWebpack: config => {
    // 设置快捷路径， @ 表示 'src' ，components 表示 'src/components'
    config.resolve.alias
      .set('@', resolve('src'))
      .set('assets', resolve('src/assets'))
      .set('components', resolve('src/components'))
      .set('views', resolve('src/views'))
  },
  devServer: {
    host: '127.0.0.1',
    port: 8284,
    proxy: {
      '/api': {
        //target: 'http://localhost:5000',
        target: 'http://wangyi_api.ryloo.icu',
        changeOrigin: true //是否跨域
      }  
    },
  }
}